<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS样式语法</title>
    <style>
        /*id选择器*/
        #div1{
            width: 500px;
            height: 500px;
            /*多个维度综合赋值*/
            border:5px solid red;
            /*各个维度分向量赋值*/
            /*border-width: 5px;
            border-style: dashed;
            border-color: red;*/

            /*边框的四个方向进行赋值*/
            border-top: 9px dashed blue;
        }

        body{
            /*background:  url("../imgs/bg-001.jpg") no-repeat;
            background-size: cover;*/


            /*background-image: url("../imgs/bg-001.jpg");
            background-repeat: no-repeat;
            background-size: cover; */
            /*覆盖这个背景*/
        }

        /*派生选择器*/
        #div2 a{
            text-decoration: none;
            font-family: 华文楷体;
        }

        #div2 a:link{
            color: #ee2c27;
        }
        #div2 a:hover{
            color: #59ee2f;
        }
        #div2 a:active{
            color: #343eee;
        }
        #div2 a:visited{
            color: #ee43cf;
        }

        /*first-child伪类*/
        #div1 a:first-child{
            color: blue;
            text-decoration: none;
        }

        #div1 a:last-child{
            color: red;
            text-decoration: none;
        }

       #div1 a:nth-of-type(3){
            color: #feff3b;
            text-decoration: none;
        }


    </style>
<body>
    <div id="div1">
        <a href="index_css.html" target="_blank">打开页面</a>
        <br/>
        <a href="index_css.html" target="_blank">打开页面</a>
        <br/>
        <a href="index_css.html" target="_blank">打开页面</a>
        <br/>
        <a href="index_css.html" target="_blank">打开页面</a>
        <br/>
        <a href="index_css.html" target="_blank">打开页面</a>

    </div>
    <div id="div2">
        <a href="index_css.html" target="_blank">打开页面</a>
    </div>

</body>
</html>